<!--
  Generated template for the LotteryPage page.

  See http://ionicframework.com/docs/v2/components/#navigation for more info on
  Ionic pages and navigation.
-->
<!-- <ion-header>

  <ion-navbar>
    <ion-title>lottery</ion-title>
  </ion-navbar>

</ion-header> -->


<ion-content>
  <section class="bodyWrap" id="bodyWrap">

    <div class="head">
        <div id="backPic" class="backPic"></div>
        <img class="headPic" src="../images/winApple.png" >
    </div>

    <div class="guild">
        <div class="guildContent">邀请好友&nbsp;&nbsp;<span style="color:#FFAE0B">&gt;</span>&nbsp;&nbsp;获得抽奖机会&nbsp;
            <span style="color:#FFAE0B">&gt;</span>
        </div>
        <div class="guildPic">
            <img src="../images/trophy2.png" style="width: 0.4rem">中大奖
        </div>
    </div>

    <div class="reminder">目前你有&nbsp;<span id="numberOfTime" style="color: red">0</span>&nbsp;次领取机会</div>

    <div class="task">
        <div id="taskBtn" class="taskBtn">
            <div class="taskBtn1"></div>
            <div class="taskBtn2" id="taskbtn2" type="button"><span class="doTask">邀请好友</span></div>
        </div>
        <div class="record">
            <div class="recordBtn"id="recordBtn" >我的战绩</div>
        </div>
    </div>
    <div id="midContent" class="midContent row clearfix">
    <div class="Content" id="changeContent" *ngFor="let item of items">
         <div class="Content_Pic">
              <div id="activityPic" class="activityPic">
                <img src="{{item.prizeCode}}">
              </div>
         </div>
         <div class="Mid">
              <div class="midleft">
                <p>已参与的人数:{{item.activityNum}}</p>
                <p>库存数量:{{item.prizeNum}}</p>
                <p id="countdown" class="countdown" endtime="1470455099972">剩余时间:{{item.lotteryTime}}</p>
              </div>
         </div>
          <div id="Bottom" class="Bottom">上期中奖号码:{{item.winnerCode}}</div>
          <div class="draw_btn" prizecode="MAAMMKT_BEWUSERREWARD_BIGBANG_CONCERTTICKETS" overdate="2016-08-06 11:45:00" startdate="undefined" prizenum="10">
          <span id="draw_btn_code" class="draw_btn_code" data-prizecode="MAAMMKT_BEWUSERREWARD_BIGBANG_CONCERTTICKETS" overdate="2016-08-06 11:45:00" startdate="undefined" prizenum="10">领取抽奖码</span>
          </div>
     </div>
    </div>
</section>

<div class="mainHideOption"></div>

<section class="continueTask_out">
    <div class="continueTask" style="display: none">
        <div id="backmain">
            <img src="../images/close.png" style="width: 0.8rem;margin-left:9.3rem;
        margin-top: 0.3rem;" />
        </div>
        <div class="fontContent">
            <div class="wordContent">您的领取抽奖码机会已用完!</div>
            <h3>邀请好友，赢抽奖码攻略！</h3>
            <p>1.邀请好友注册越多，获得抽奖码越多；</p>
            <p>2.抽奖码越多，中奖机率越大；</p>
            <p>3.每完成一个好友注册，均可获得一次抽奖机会；</p>
            <p>完成<span class="word">3</span>个好友注册，可获得额外的<span class="word">2次</span>奖励；</p>
            <p>完成<span class="word">6</span>个好友注册，可获得额外的<span class="word">3次</span>奖励；</p>
            <p>完成<span class="word">9</span>个好友注册，可获得额外的<span class="word">5次</span>奖励；</p>
            <p>完成的好友注册越多,再获得正常的抽奖机会的同时,</p>
            <p>还有更多的额外机会的奖励</p>
        </div>
        <div class="task">
            <div class="taskBtn" id="mytaskbtn">
                <img src="../images/invitate.png" style="width: 4rem" >
                <span id="ct_invitate" class="ct_invitate">邀请好友</span>
            </div>
            <div class="recordBtn" id="myrecordbtn" >
                <img src="../images/myrecord.png" style="width: 3rem">
            </div>
        </div>
        <div class="recommendBox">
            <div class="footerPic">
                <img src="../images/hand.png" style="width: 1.5rem;position: absolute;
        top: 11.4rem;">
            </div>
            <div class="bot-fel-mend">推荐好友注册，拿超级推荐奖励</div>
            <div class="bot-fel-recomm">注册时需要填写你的推荐码</div>
            <div class="recommend">
                <span>推荐码</span>
                <div id="guideReCodeNo" class="font-h2" readonly="readonly"></div>
             </div>
        </div>
    </div>
</section>

<section class="activityOver" style="display: none">
    <div class="mainpage_float">
        <img class="mainpage_title" src="../images/main_pop_title.png" style="width:6.5rem;" />
        <div id="mainpage_close" class="mainpage_close"></div>
        <div class="mainpage_over">
            <p>中奖号码如下:</p>
            <div id="prizeList"></div>
        </div>
    </div>
</section>
</ion-content>
